<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>电价管理</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/fileinput.js'></script>
  <script type='text/javascript' src='../static/js/zh.min.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/newAdd.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/js/balance/electricityPriceManage.js"></script>
  <script type='text/javascript' src='../static/table/electricityPriceManageTable.js'></script>
</head>
<body style="overflow:auto">
  <div class="top">
	当前位置: 系统设置<span class="comSpanTitle">></span>电价设置
  </div>
  <div class="partTable" id="partPriceId">
    	<ul class="nav nav-tabs" role="tablist" >
	        <li role="presentation" style="background-color:#fff;" id="ppiOne" class="active" onclick="allClick('chargingTimePrice')"><a href="#chargingTimePrice" role="tab" data-toggle="tab" style="color:#268AED;font-size:14px">平谷电价</a></li>
	        <li role="presentation" id="ppiTwo"  onclick="allClick('chargingFixedPrice')"><a href="#chargingFixedPrice" role="tab" data-toggle="tab"  style="color:#268AED;font-size:14px">定电价</a></li>
    	</ul>
    </div>
  <div class="part">
    <div class="tab-content" id="tabContent">
        <div role="tabpanel" class="tab-pane active" id="chargingTimePrice">
        	<div class="form-group">
				<button type="button" class="btn btnDefault marginLeft2ten" aria-label="Left Align" onclick="save();" style="float:right;margin-top: -34px;">
				  <span>添加</span>
				</button>
			</div>
			<div class="partTable">
	        	<table class="table table-hover" id="chargingTimePriceTable">
	        		<thead id="chargingTimePriceThead">
					</thead>
					<tbody id="chargingTimePriceTbody">
					</tbody>
	        	</table>
	        </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="chargingFixedPrice">
        	<div class="form-group">
				<button type="button" class="btn btn-primary" aria-label="Left Align" onclick="save();" style="float:right;margin-top: -34px;">
				  <span>添加</span>
				</button>
			</div>
			<div class="partTable">
	        	<table class="table" id="chargingFixedPriceTable" style="border-collapse:separate; border-spacing:0px 30px;">
	        	<!-- 	<thead id="chargingFixedPriceThead">
					</thead> -->
					<tbody id="chargingFixedPriceTbody">
					</tbody>
	        	</table>
	        </div>
		</div>
    </div>
  </div>
  <!--隐藏框-->
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="saveTimePrice" tabindex="-1" class="modal fade popup">
	  <div class = "popupTable">
		<div class="modal-header titleAll">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			  <span aria-hidden="true" class="close">&times;</span>
			</button>
			<h4 class="modal-title" id = "title"></h4>
		</div>
		<form id="saveTimeForm">
			<div class="transverseLine"></div>
			<div class="modal-body">
				<div class="modal-header title"><strong>基本信息</strong></div>
				<input id="id" name="ID" value="0" hidden>
				<table class="table table-hover" id="tableHover">
					<thead id="chargingTimePriceTheads">
					</thead>
					<tbody id="chargingTimePriceTbodys">
					</tbody>
				</table>
			</div>
		</form>
	    <div class="modal-footer">
      	  <button id="confirm" type="button" class="btn btn-primary" onclick="$ajax(getUrl, 'saveTimeForm', saveChargingTimePrice, confirm)">确定</button>
          <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
	    </div>
    </div>
  </div>
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="saveFixedPrice" tabindex="-1" class="modal fade popup">
	<div class = "popupTable">
      <div class="modal-header titleAll">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true" class="close">&times;</span>
        </button>
        <h4 class="modal-title" id = "title"></h4>
      </div>
	  <form id="saveFixedForm">
		<div class="transverseLine"></div>
          <div class="modal-body">
          <div class="modal-header title"><strong>基本信息</strong></div>
           <table class="table table-hover" id="tableHoverTwo">
			<thead id="chargingFixedPriceTheads">
	        </thead>
	        <tbody id="chargingFixedPriceTbodys">
	        </tbody>
           </table>
		</div>
	  </form>
      <div class="modal-footer">
		<button id="confirm" type="button" class="btn btn-primary" onclick="$ajax(getUrl, 'saveFixedForm', saveChargingFixedPrice, confirm)">确定</button>
		<button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</body>
</html>